$(function () {
    $('.div11_span2').on('click',function(){
        $('.div11_box5').show().removeClass('lightSpeedOut').addClass('animated lightSpeedIn');//.fadeIn();
    })
    $('.div11close').on('click',function(){
        $('.div11_box5').removeClass('lightSpeedIn').addClass('animated lightSpeedOut');
        setTimeout(function(){
            $('.div11_box5').hide();
        },400)
    })
    $('.div11_span1').on('click',function(){
        $('.div11_date').show().removeClass('lightSpeedOut').addClass('animated lightSpeedIn');//.fadeIn();
    })
    $('.divdateclose').on('click',function(){
        $('.div11_date').removeClass('lightSpeedIn').addClass('animated lightSpeedOut');
        setTimeout(function(){
            $('.div11_date').hide();
        },400)
    })

    $('.form_time').datetimepicker({
        language:  'zh-CN',
        format: 'yyyy',
        weekStart: 1,
        todayBtn:  1,
        autoclose: 1,
        todayHighlight: 1,
        startView: 4, //这里就设置了默认视图为年视图
        minView: 4, //设置最小视图为年视图
        forceParse: 0,
    });
    var myChart1 = echarts.init(document.getElementById('echart1'));
    var option1 = {
        color: ['#458dd0'],
        tooltip: {
            trigger: 'axis',
            axisPointer: {            // 坐标轴指示器，坐标轴触发有效
                type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
            }
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: [
            {
                type: 'category',
                data: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月',],
                axisTick:{show:false},

            }
        ],
        yAxis: [
            {
                type: 'value',
                axisTick:{show:false},
                axisLine:{show:false},

            }
        ],
        series: [
            {
                name: '发货总件数',
                type: 'bar',
                barWidth: '60%',
                data: [35000, 33580, 31960, 27800, 26500, 23580, 21160, 18000, 15370, 11500]
            }
        ]
    };
    myChart1.setOption(option1);
})


